<!doctype html>
<html lang="en" class="feedback" xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header">
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>举报</title>
</head>
<body>
<header class="mui-bar mui-bar-nav">
	<a href="javascript:" onclick="history.go(-1);" class=" mui-icon "></a>
	<h1 class="mui-title">举报</h1>
</header>

<div class="mui-content">
	<div class="mui-content-padded">
		<div class="mui-inline">举报原因</div>
		<a class="mui-pull-right mui-inline" href="#popover">
			快捷输入
			<span class="mui-icon mui-icon-arrowdown"></span>
		</a>
		<!--快捷输入具体内容，开发者可自己替换常用语-->
		<div id="popover" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<!--仅流应用环境下显示-->
						<li class="mui-table-view-cell stream">
							<a href="#">桌面快捷方式创建失败</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="#">界面显示错乱</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="#">启动缓慢，卡出翔了</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="#">偶发性崩溃</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="#">UI无法直视，丑哭了</a>
						</li>
					</ul>
				</div>
			</div>

		</div>
	</div>
	<div class="row mui-input-row">
		<textarea id='question' class="mui-input-clear question" placeholder="请详细描述你的问题和意见."></textarea>
	</div>
	<p>图片(选填,提供问题截图,总大小10M以下)</p>
	<div id='image-list' class="row image-list"></div>

	<p></p>
	<button id="submit" class="mui-btn mui-btn-block" style="color: red; padding: 0; line-height: 2;">发送</button>

</div>

</body>

<script src="/js/phone/mui.min.js"></script>
<script src="/js/phone/feedback.js" type="text/javascript" charset="utf-8"></script>

</html>